<link rel="stylesheet" href="/static/markdown/css/editormd.preview.css"/>
<div class="layui-form" lay-filter="layuiadmin-form-admin" id="layuiadmin-form-admin" style="padding: 20px 30px 0 0;">
    <div class="layui-form-item">
        <label class="layui-form-label">项目名称</label>
        <div class="layui-input-block">
            <input type="text" name="name" value="{$model.name ?? ''}" required placeholder="请输入项目名称" autocomplete="off"
                   class="layui-input" disabled>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">所属部门</label>
        <div class="layui-input-block">
            <select name="group_id" lay-verify="required" lay-search="" disabled>
                <option value="">直接选择或搜索选择</option>
                {foreach $group as $key=>$vo}
                <option value="{$vo.id}" {if condition="($model.group_id eq $vo.id)" }selected{/if}>{$vo.name}</option>
                {/foreach}
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">项目周期</label>
        <div class="layui-input-block">
            <input type="text" name="period" id="period" value="{$model.period}" required placeholder="请输入项目周期" autocomplete="off"
                   class="layui-input" disabled>
        </div>
    </div>
<!--    <div class="layui-form-item">-->
<!--        <label class="layui-form-label">状态</label>-->
<!--        <div class="layui-input-block">-->
<!--            {$model['status']}-->
<!--            {if $model['status'] eq 1}-->
<!--            <input type="radio" name="status" value="1" title="正常" checked>-->
<!--            <input type="radio" name="status" value="0" title="禁用">-->
<!--            {else}-->
<!--            <input type="radio" name="status" value="1" title="正常">-->
<!--            <input type="radio" name="status" value="0" title="禁用" checked>-->
<!--            {/if}-->
<!--        </div>-->
<!--    </div>-->
    <div class="layui-form-item">
        <label class="layui-form-label">项目描述</label>
        <div class="layui-input-block" disabled>
            <div id="test-editormd-view2">
                <textarea id="append-test" style="display:none;">{$model.content}</textarea>
            </div>
        </div>
    </div>
    <div class="layui-form-item layui-hide">
        <input type="button" lay-submit lay-filter="LAY-user-back-submit" id="LAY-user-back-submit" value="确认">
    </div>
</div>
<script src="/static/admin/layui/layui.js"></script>
<script src="/static/markdown/js/jquery.min.js"></script>
<script src="/static/markdown/lib/marked.min.js"></script>
<script src="/static/markdown/lib/prettify.min.js"></script>
<script src="/static/markdown/lib/raphael.min.js"></script>
<script src="/static/markdown/lib/underscore.min.js"></script>
<script src="/static/markdown/lib/sequence-diagram.min.js"></script>
<script src="/static/markdown/lib/flowchart.min.js"></script>
<script src="/static/markdown/lib/jquery.flowchart.min.js"></script>
<script src="/assets/libs/editormd/editormd.min.js"></script>

<script>
    layui.config({
        base: '/static/admin/' //静态资源所在路径
    }).extend({
        index: 'lib/index', //主入口模块
        treeTable: '../admin/lib/extend/authtree'
    }).use(['index', 'form', 'laydate'], function () {
        var $ = layui.$, form = layui.form, laydate = layui.laydate;
        //日期范围
        laydate.render({
            elem: '#period'
            , range: '~'
            , value: "{$model.period}"
            , format: "yyyy-MM-dd"
            , trigger: 'click'//呼出事件改成click
        });
    });
</script>
<script type="text/javascript">
    $(function () {
        var testEditormdView2;
        testEditormdView2 = editormd.markdownToHTML("test-editormd-view2", {
            htmlDecode: "style,script,iframe",  // you can filter tags decode
            emoji: true,
            taskList: true,
            tex: true,  // 默认不解析
            flowChart: true,  // 默认不解析
            sequenceDiagram: true,  // 默认不解析
        });
    });
</script>